<template>
	<view>
		<van-skeleton title row="13" :loading="loading">
		<view class="order-content">
				<!-- 主任务信息 -->
				<view  style="margin-bottom: 40rpx;">
					<view class="detail-title">
						<text>{{assessInfo['项目名称']}}</text>
					</view>
					<view class="content-item">
						<text class="item-name">所属社区：</text>
						<view class="right-content">{{ '汤家社区' }}</view>
					</view>
					<view class="content-item">
						<text class="item-name">物业：</text>
						<view class="right-content">{{ '奥声物业' }}</view>
					</view>
				</view>
				<view  style="margin-bottom: 20rpx;">
					<view class="detail-title">
						<text>考核工作</text>
					</view>
					
				</view>
				
		</view>
		<view v-if="assessInfo.list.length">
			<van-cell v-for="item in assessInfo.list" :key="item.考核id"
			:url="`/assessSystem/assessDesc/assessDesc?id=${item['考核id']}&projId=${projId}`"
			link-type="navigateTo" size="large"  is-link :value="`${item['已考核次数']}/${item['总考核次数']}`" >
				<view class="cell-title" slot="title">
					<view class="circle"></view>
					<text>{{item['考核名称']}}</text>
				</view>
			</van-cell>
		</view>
		<van-empty v-else description="暂无考核"></van-empty>
		</van-skeleton>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				loading: true,
				projId: null,
				assessInfo: {}
			}
		},
		onLoad(options) {
			this.projId = +options.id
			this.getVillageAssess(+options.id)
		},
		methods: {
			async getVillageAssess(id) {
				const res = await this.$http2.post('transactionCompete/projevaluateinfo', {项目id: id, 社区id: 36})
				if(res.code === 10000) {
					// console.log(res)
					this.assessInfo = res.data
					this.loading = false
				}
					
			}
		}
	}
</script>

<style lang="scss" scoped>
@import  '../../style/info.scss';
.circle {
	width: 20rpx;
	height: 20rpx;
	border-radius: 50%;
	background-color: #1152FC;
	margin-right: 20rpx;
}
.cell-title {
	display: flex;
	align-items: center;
}
.order-content {
	margin-bottom: -30rpx;
}
</style>
